<template>
	<div class="category">
	    <div class="category-con">
	        <i class="iconfont icon-icon--"></i>
	        <p>用户评论</p>
	    </div>
	    <div class="category-rigth" @click="evaluate()">
	        <i class="iconfont icon-youjiantou"></i>
	    </div>
	</div>
</template>

<script>
	export default {
	  name: "DetailEvaluate",
	  props:[
	      "goodsId"
	  ],
	  methods: {
	  	evaluate() {
	  		this.$router.push({
	  			path: 'evaluate',
				query: {
					goodsId: this.goodsId
				}
	  		})
	  	}
	  },
	};
</script>

<style lang="stylus">
	.peizhi {
		width: 90%;
		margin: auto;

		div {
			margin-bottom .5rem;
			margin-top .5rem;
		}

		h3 {
			height: 2rem;
			line-height: 2.3rem;
			font-size: 0.5rem;
			border-bottom: 1px solid #ccc;
		}

		span {
			font-size: 0.38rem;
			color: #888;
			margin-top: 0.3rem;
			display: block;
		}

		p {
			height 0.61rem;
			font-size: 0.38rem;
			color: #888;
		}
	}

	.cartlength {
		width: 15px;
		height: 15px;
		position: absolute;
		top: 1px;
		left: 30px;
		background: #f81301;
		border-radius: 50%;
		text-align: center;
		line-height: 15px;
		color: white;
	}

	.goodDetailList {
		margin-bottom: 1rem;
		padding-top: 1.45rem;
	}

	.goodDetailHeader {
		width: 100%;
		z-index: 1;
		height: 1.3rem;
		line-height: 1.3rem;
		font-size: 12px;
		background: white;
		position: fixed;
		box-shadow: 0 0 10px #cecece;
		text-align: center;
		font-size: 0.41rem;
	}

	.goodDetailHeader i {
		display: block;
		float: left;
		height: 50px;
		padding-left: 0.3rem;
		font-size: 0.71rem;
		color: black;
	}

	.goodDetaiSwipe {
		height: 8rem;
		margin-top: 3px;
		background: white;
	}

	.goodDetaiSwipe img {
		width: 70%;
		height: 7rem;
		display: block;
		/* margin-top: 60px; */
		margin: auto;
	}

	.goodDetailMain {
		/* height: 1.8rem; */
		background: white;
		border-bottom: 1px solid #cecece;
		// border-top: 1px solid #cecece;
		padding: 0.4rem;
		margin-top: -15px;
	}

	// .goodDetailBox {
	// height: 1px;
	// }
	.goodDetailName {
		color: black;
		font-weight: 400;
		font-size: 0.5rem;
		line-height 1rem
	}

	.goodDetailPaid {
		color: #f81200;
		font-size: 0.7rem;
		margin-top: 0.1rem;
	}

	.goodDetailFooter {
		position: fixed;
		width: 100%;
		bottom: 0rem;
		height: 1.2rem;
		background: #F6F4F7;
		border-top: 1px solid #efefef;

		.left {
			width: 45%;
			float: left;
			position: relative;
			font-size: .35rem;

			.cart {
				width: 33%;
				display: flex;
				justify-content: center;
				flex-direction: column;
				float: right;
				position: relative;

				img {
					width: 0.76rem;
					height: 0.7rem;
					display: block;
					margin: auto;
				}

				span {
					text-align: center;
					color: #767676;
				}
			}

			.shop {
				width: 33%;
				display: flex;
				justify-content: center;
				flex-direction: column;
				float: right;

				img {
					width: 0.76rem;
					height: 0.7rem;
					display: block;
					margin: auto;
				}

				span {
					display: block;
					text-align: center;
					color: #767676;
				}
			}

			.collection {
				width: 33%;
				height: 100%;
				display: flex;
				justify-content: center;
				flex-direction: column;
				float: right;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
				color: #767676;

				.collection-box {
					text-align: center;

				}

				i {
					font-size: 0.6rem;
					display: block;
					text-align: center;
				}

				span {
					text-align: center;
				}
			}
		}

		.rigth {
			width: 55%;
			float: right;

			.add {
				a {
					display: block;
					width: 50%;
					height: 1.2rem;
					line-height: 1.2rem;
					text-align: center;
					background: #FF9800;
					color: white;
					font-size: 0.35rem;
					float: left;
				}
			}

			.purchase {
				a {
					float: left;
					display: block;
					width: 50%;
					height: 1.2rem;
					line-height: 1.2rem;
					text-align: center;
					color: white;
					font-size: 0.35rem;
					background: #E3211E;
				}
			}
		}
	}

	.gooDetailNumber {
		display: none;
	}

	.add a {}

	.purchase a {}

	.goodDetailImg {
		margin-top: 4px;
		margin-bottom: 6px;
	}

	.goodDetailImg img {
		width: 100%;
		height: auto;
		display: block;
	}

	table td {
		font-size: 0.31rem;
		text-align: center;
		color: #000;
	}

	.goodDetailValue {
		height: 2rem;
		border-bottom: 1px solid #cecece;
		padding: 0.4rem;
	}

	.goodDetailAdd {
		width: 1rem;
		height: 0.8rem;
		line-height: 0.8rem;
		display: block;
		background: white;
		float: left;
		border: 1px solid #b2b2b2;
		border-left: none;
		text-align: center;
		font-size: 0.5rem;
		color: black;
	}

	.goodDetailReduce {
		width: 1rem;
		height: 0.8rem;
		line-height: 0.8rem;
		display: block;
		background: white;
		float: left;
		border: 1px solid #b2b2b2;
		border-right: none;
		text-align: center;
		font-size: 0.5rem;
		color: black;
	}

	._cartNumber input {
		width: 1rem;
		height: 0.8rem;
		line-height: 0.8rem;
		float: left;
		border: 1px solid #b2b2b2;
		text-align: center;
		color: black;
	}

	._Value {
		float: left;
		margin-top: 0.2rem;
		font-size 0.35rem
	}

	.goodDetailColor {
		display: none;
	}

	.icon-size {
		font-size: 23px;
		margin-left: 28%;
	}

	a {
		text-decoration: none
	}

	a:focus,
	a:hover {
		text-decoration: none
	}
</style>

